<@pageLayout title="Instruktorzy" >
<h2 class="contentHeader">Instruktorzy</h2>
<div data-dojo-type="dijit.layout.BorderContainer" design="headline" persist="false" gutters="true" 
	style="min-width: 1em; min-height: 1px; z-index: 0; width: 100%; height: 100%;">

	<div data-dojo-type="dijit.layout.ContentPane" extractContent="false" preventCache="false" preload="false" refreshOnShow="false" region="right" splitter="true" 
		maxSize="Infinity" doLayout="false" style="width: 268px;">
		
			<script>
				require(['modules/instruktor'], function(instruktor) {
				    instruktor.createGrid({
				        url: 'instruktor!list.action',
				        gridDiv: 'gridInstruktorzy'
				    });
				    
				    instruktor.createToolbar({
				    	divId : 'toolbarInstruktorzy',
				     	url: 'instruktor!list.action'
				     });
				});
			</script>
			<p id="instruktorzyListaTitle">Lista instruktorów</p>
			<div id="toolbarInstruktorzy"></div>
			<div id="gridInstruktorzy"></div>
	</div>

   <div data-dojo-type="dijit.layout.ContentPane" extractContent="false" preventCache="false" preload="false" refreshOnShow="false" region="center" splitter="false" 
   	maxSize="Infinity" doLayout="false">
		<div data-dojo-type="dijit.layout.BorderContainer" design="headline" persist="false" gutters="true" 
			style="min-width: 1em; min-height: 1px; z-index: 0; width: 100%; height: 100%;">
	
	   	<div data-dojo-type="dijit.layout.ContentPane" extractContent="true" preventCache="false" preload="false" refreshOnShow="false"doLayout="true" region="top" 
				splitter="true" maxSize="Infinity" style="height: 100px;">
				
				<p id="instruktorzyListaTitle">Dane instruktora</p>
				<table id="instruktorDetali">
					<tr>
						<td><div id="instruktorImie">Proszę wybrać instruktora</div></td>
						<td><div id="instruktorNazwisko"></div></td>
					</tr>
					<tr>
						<td><div id="instruktorLogin"></div></td>
						<td width="50%"><div id="instruktorTelefon"></div></td>
					</tr>
					<tr>
						<td><div id="instruktorUlica"></div></td>
						<td><div id="instruktorMiasto"></div></td>
					</tr>
				</table>			
		</div>
	
	
	   <div data-dojo-type="dijit.layout.ContentPane" extractContent="false" preventCache="false" preload="false" refreshOnShow="false" region="center" splitter="false" 
	   	maxSize="Infinity" doLayout="false">
	   	
			<div style="width: 100%; height: 100%">
			    <div data-dojo-type="dijit/layout/TabContainer" style="width: 100%; height: 100%;">
			       
			        <div data-dojo-type="dijit/layout/ContentPane" title="Przypisani kursanci" data-dojo-props="selected:true, tooltip:'Kursanci przypisani do tego instruktora',  iconClass:'dijitIconUsers'">
			        	<p id="instruktorzyListaTitle">Przypisani kursanci</p>
				   		<div id="toolbarInstruktorKursanci"></div>
						<div id="windowInstruktorKursanci">Wybierz instruktora</div>
			        </div>
			        <div data-dojo-type="dijit/layout/ContentPane" title="Karty Pracy"  data-dojo-props="tooltip:'Karty pracy wypełnione przez instruktora', iconClass:'dijitIconTable'">
			            <#include "/templates/instruktor/kartyPracy/view.ftl">
			        </div>
			        </div>
			    </div>
			</div>
   	</div>
 </div>

</@pageLayout>